<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="style/reset.css" />
<link rel="stylesheet" href="style/main.css" />
<link rel="stylesheet" href="style/font-awesome.min.css" />
</head>

<body>
	<div class="main-wrapper">
	<header><!-- 页头 -->
    	<nav>
        	<div class="logo"><a href="#">余求索</a></div>
        	<ul>
            	<li><a href="#">首页</a></li>
                <li><a href="#">北落师门</a></li>
                <li><a href="#">如初⌒贝洛</a></li>
            </ul>
        </nav>
        <div id="banner">
        	<div class="inner">
           		<div class="yetou">
            		<h1>余求索</h1>
            	</div>
                <p class="sub-heading">15155120285</p>
                <p class="sub-heading">yuqiusuo53@163.com</p>
                <p class="sub-heading">安徽大学</p>
                <button>了解我</button>
                <div class="more">更多</div>
            </div>
        </div>
    </header><!-- 页头结束 -->
    
    <div class="content"><!-- 内容开始 -->
    	<section class="green-section">
        	<div class="wrapper">
            	<div>
                	<h2>勤奋、好学、钻研、稳定</h2>
                    <div class="hr"></div>
                    <p>希望能有一份前端开发的工作，请给我一次面试的机会！</p>
                </div>
                <div class="icon-group1">
                    <div class="icon"><img src="img/1.png" /></div>
                    <div class="icon"><img src="img/1.png" /></div>
                    <div class="icon"><img src="img/1.png" /></div>
                </div>
            </div>
        </section>
        <section class="gray-section">
        	<div class="article-preview">
            	<div class="img-section">
                	<img src="img/pic01.jpg" alt="" />
                </div>
                <div class="text-section">
                	<h2>安徽大学</h2>
                    <div class="sub-heading">
                    	地理信息系统
                    </div>
                    <p>安徽省第四届GIS大赛地理设计组三等奖（组长） </p>
                    <p>安徽省第五届GIS大赛三维建模组三等奖（组长） </p>
                </div>
            </div>
            <div class="article-preview">
            	<div class="text-section">
                	<h2>广州南方测绘仪器有限公司</h2>
                    <div class="sub-heading">
                    	软件工程师
                    </div>
                    <p>负责数据处理软件以及部分嵌入式软件的编写，主要使用C++。 </p>
                </div>
            	<div class="img-section">
                	<img src="img/pic02.jpg" alt="" />
                </div>
            </div>
            <div class="article-preview">
            	<div class="img-section">
                	<img src="img/pic03.jpg" alt="" />
                </div>
                <div class="text-section">
                	<h2>当下</h2>
                    <div class="sub-heading">
                    	寻找一份前端开发的工作
                    </div>
                    <p>毕业实习时接触了网站制作的工作，负责给一家创业公司搭建公司网站，实习期间利用HTML、CSS、JS完成了任务，
                    虽然网站最终没有上线，但是激发了对前端开发的热情，工作一年，发现自己还是喜欢前端开发的工作，所以从广州辞
                    职回到合肥，希望能寻找到一份前端开发的工作。</p>
                </div>
            </div>
        </section>
        <section class="purple-section">
            	<div class="wrapper">
                	<div class="heading-wrapper">
            			<h2>工作技能</h2>
                		<div class="hr"></div>
                		<div class="sub-heading">
                		随着工作的需要不断学习、不断提高，唯有与公司共同发展，才不会被时代所抛弃！
                		</div>
            		</div>
            		<div class="class-group clearfix">
            			<div class="card">
                        	<h3>HTML（掌握）</h3>
                        	<p>在实习时学会HTML，能熟练应用HTML标签，在工作之余学习了解过HTML5。</p>
                        </div>
                		<div class="card">
                        	<h3>CSS（掌握）</h3>
                        	<p>能运用CSS进行排版布局，平时利用CSS3做过一些特效，如照片墙、视图特效等。</p>
                        </div>
                		<div class="card">
                        	<h3>JavaScript（熟悉）</h3>
                        	<p>熟悉面向对象编程，基本掌握JavaScript，曾用JS和MySQL制作网站登录功能。 </p>
                        </div>
                		<div class="card">
                        	<h3>PhotoShop（掌握）</h3>
                        	<p>能运用PhotoShop进行切图等工作。</p>
                        </div>
                        <div class="card">
                        	<h3>MySQL（熟悉）</h3>
                        	<p>大学学习过数据库相关可能，实习工作中应用过MySQL，能实现数据的增删改查。</p>
                        </div>
                		<div class="card">
                        	<h3>C++（熟练）</h3>
                        	<p>C++一年工作经验，熟练使用C++进行编程。</p>
                        </div>
            		</div>
                </div>
        </section>
        <section class="weiba-section">
        <div class="wrapper">
        	<div class="yangwo">
            	<h3>感谢您的时间！</h3>
                <p>感谢您在百忙之中观看我的网页简历，这份简历虽然简单，却能表达我对前端工作的向往和热爱，谢谢！</p>
            </div>
            <div class="button01">
            	<button>谢谢</button>
                <button>余求索</button>
            </div>
            </div>
        </section>
    </div><!-- 内容结束 -->
    
    <footer><!-- 页脚开始 -->
    	<ul class="share-group">
        	<li><i class="icon icon-desktop"></i></li>
            <li><i class="icon-group"></i></li>
            <li><i class="icon-bell-alt"></i></li>
            <li><i class="icon-thumbs-up"></i></li>
            <li><i class="icon-comments"></i></li>
        </ul>
        <div class="copy">
        	&copy 余求索 - 2016
        </div>
    </footer><!-- 页脚结束 -->
    </div>
</body>
</html>
